/*
 *  Copyright 2025 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
@import (reference) '../../styles/variables.less';

.service-insights-tab {
  padding-bottom: 16px;
  .service-insights-widget {
    height: 100%;
    background-color: @white;
    border-radius: @border-rad-sm;
    border: 1px solid @grey-15;
    padding: 20px;
  }

  .service-insights-collapse-widget.ant-collapse-icon-position-end {
    border: none;
    border-radius: @border-rad-sm;

    .ant-collapse-item:last-child {
      background-color: @white;
      border-radius: @border-rad-sm;
      border: 1px solid @grey-15;
      .ant-collapse-header {
        border-radius: @border-rad-sm;
        border-bottom: none;
      }
      .ant-collapse-content {
        .ant-collapse-content-box {
          padding-top: 0px;
        }
        border-radius: @border-rad-sm;
        border-top: none;
      }
    }

    .ant-collapse-item {
      .ant-collapse-header {
        .ant-collapse-arrow.expand-icon-container {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
        }
      }
    }
  }

  .widget-flex-col {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .ant-card.widget-info-card {
    background-color: @grey-25;
    border-color: @grey-15;
    border-radius: @border-rad-sm;
  }
  .distribution-widget.ant-card {
    height: 350px;
    gap: 16px;
    .ant-card-body {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
}
